<script>
  export let size = "18px";
  export let primaryColor = "#3524C7";
  export let secondaryColor = "#9CABFF";
</script>

<svg
  xmlns="http://www.w3.org/2000/svg"
  width={size}
  height={size}
  viewBox="0 0 18 18"
  fill="none"
>
  <path
    d="M4.5 7.875C4.5 7.66789 4.66789 7.5 4.875 7.5H6.375C6.58211 7.5 6.75 7.66789 6.75 7.875V13.875C6.75 14.0821 6.58211 14.25 6.375 14.25H4.875C4.66789 14.25 4.5 14.0821 4.5 13.875V7.875Z"
    fill={primaryColor}
  />
  <path
    d="M8.25 4.125C8.25 3.91789 8.41789 3.75 8.625 3.75H10.125C10.3321 3.75 10.5 3.91789 10.5 4.125V13.875C10.5 14.0821 10.3321 14.25 10.125 14.25H8.625C8.41789 14.25 8.25 14.0821 8.25 13.875V4.125Z"
    fill={secondaryColor}
  />
  <path
    d="M12 6.375C12 6.16789 12.1679 6 12.375 6H13.875C14.0821 6 14.25 6.16789 14.25 6.375V13.875C14.25 14.0821 14.0821 14.25 13.875 14.25H12.375C12.1679 14.25 12 14.0821 12 13.875V6.375Z"
    fill={primaryColor}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M1.5 15V2.625C1.5 2.41789 1.66789 2.25 1.875 2.25H2.25C2.45711 2.25 2.625 2.41789 2.625 2.625V15H1.5Z"
    fill={primaryColor}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M16.5 14.625C16.5 14.8321 16.3321 15 16.125 15H2.25V13.875H16.125C16.3321 13.875 16.5 14.0429 16.5 14.25V14.625Z"
    fill={primaryColor}
  />
</svg>
